<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/publicpack.css">
		<meta name="viewport"
		      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">		
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<!-- 导航容器一般使用nav标签来定义:小屏幕垂直堆叠 -->
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
			         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			     <span class="navbar-toggler-icon"></span>
			 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
			<div id="m_toparea">
		    <div class="m_topwrap clearfix">
				<div class="m_topleft fl">
					<img src="img/logo.jpg" />
				</div>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
				         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				     <span class="navbar-toggler-icon"></span>
				 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
		        <div class="collapse navbar-collapse" id="navbarSupportedContent">
		            <ul class="navbar-nav mr-auto">
		                <li class="nav-item">
		                    <a href="index.html" class="cur" >首页</a>
		                </li>
		                <li class="nav-item">
		                    <a class="goTarget" href="#m_news" data-target="m_news">
		                        最新动态
		                    </a>
		                </li>
		               <li class="nav-item dropdown">
		                   <a class="mwword" href="#" id="navbarDropdown" role="button"
		                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		                       漫威宇宙
		                   </a>
		                   <div class="dropdown-menu" aria-labelledby="navbarDropdown">
		                       <a class="dropdown-item" href="#m_movie">电影</a>
		                       <div class="dropdown-divider"></div>
		                       <a class="dropdown-item" href="#m_animation">动漫</a>
		                   </div>
		               </li>
		            </ul>
		        </div>
		    </div>
			</div>
		</nav>
		<div id="m_bodybj" style="display:block;">
			<div class="m_cbj01" style="height:500px;background:url(img/b24.jpg) 0 0 no-repeat;">
			</div>
		</div>
		<div id="m_rw" style="background:#0000;">
			<div class="m_rwwrap">
				<div class="m_rwbj">
					<img src="img/p24.jpg" width="1000" height="500" alt="人物"  title="人物"/>
				</div>
				<div class="m_lrw">
					<span class="m_ltu">
						<img src="img/lp24.png" />
					</span>
				</div>
			</div>
		</div>
		<div id="m_rwwz">
			<div class="m_wzlist">
				<h2>天启巨人</h2>
				<h4>APOCALYPSE</h4>
				<p class="m_jsjs">
            	
				</p>
				<ul>
					<li>
						<i>真实姓名：</i>
						<p>阿•沙巴哈•努利（En Sabah Nur）</p>
					</li>
					<li><i>身　　高：</i>
						<p>可变（通常为7英尺左右）</p>
					</li>
					<li><i>重　　量：</i>
						<p>00英镑（可变）</p>
					</li>
					<li><i>技　　能：</i>
						<p>天启巨人的能力至今仍未完全展现出来，毕竟他的能力得到了外星科技的极大增强。天启巨人自称能够从分子层面和结构上掌控自己的身体，
						这意味着他能够任意改变自己的形状，可以将自己无限拉长，可以提升自己的密度使身体坚如钢铁，可以瞬间移动，可以不受衰老的影响。
						他还可以增强自己的体能，让自己超越绿巨人浩克。天启巨人能够巨大化，并可以通过把手臂变成翅膀或喷气机获得飞行能力。
						他还可以任意变身为其他人。天启巨人在过去就已经展现出吸收和释放能量的能力，因为他的变种能力是永生，所以常被称作“外来人”（External）。
						他在心灵能力方面已经展现出巨大的潜力，
						另外天启巨人的身体可能受到一种机械有机疾病的侵害，虽然能够不断再生，但他需要外骨骼装甲来保护自己，避免身体被能量消耗。
						由于身体会不断损耗，天启巨人会不断转换身体以延续生命。</p>
					</li>
					<li><i>能　　力：</i>
						<p>精通外星科技，尤其擅长遗传学和生化科技。</p>
					</li>
					<li><i>隶属团队：</i>
						<p>邪恶联盟创始人兼领导者、天启骑士团、黑骑士、风暴骑士</p>
					</li>
					<li><i>首次登场：</i>
						<p>《漫威漫画》（Marvel Graphic Novel）第17期；（披露真身）《X军团》（X-Factor）第5期（1986）</p>
					</li>
					<li><i>起源故事：</i>
						<p>《天启崛起》（Rise of Apocalypse）第1-4期</p>
					</li>
				</ul>
			</div>
		</div>
		<div id="m_footer">
			<p style="margin-bottom:10px;">漫威网站</p>
			<p>本项目纯测试学习使用：jshs-阮hq</p>
		</div>
	</body>
</html>
